<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"    
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title>Usuário</title>
        <ui:include src="/WEB-INF/partials/layout/admin/includes.xhtml" />  
    </h:head>
    <h:body>
        <ui:include src="/WEB-INF/partials/layout/admin/menu.xhtml" /> 

        <h:form prependId="false">
            <h1><h:outputText value="Create/Edit Usuário"/></h1>
            <div align="center">
                <h:inputHidden id="id" value="#{UsuarioCrudMB.entity.id}" title="Id" />
                <h1><h:outputText value="Create/Edit"/></h1>
                <p:messages autoUpdate="true"/>

                <h:panelGrid columns="3">
                    <p:panel>
                        <h:panelGrid columns="2">
                            <h:outputLabel value="Nome:" for="nome" />
                            <p:inputText id="nome" value="#{UsuarioCrudMB.entity.nome}" title="Nome" />
                            <h:outputLabel value="Sobrenome:" for="sobrenome" />
                            <p:inputText id="sobrenome" value="#{UsuarioCrudMB.entity.sobrenome}" title="Sobrenome" />
                            <h:outputLabel value="Tipo de Usuário:" for="tipo"/>
                            <p:selectOneMenu id="tipo" value="#{UsuarioCrudMB.entity.tipoUsuario}">
                                <f:selectItems value="#{UsuarioCrudMB.tipoUsuario}"/>
                            </p:selectOneMenu>
                            <h:outputLabel value="Matricula:" for="matricula" />
                            <p:inputText id="matricula" value="#{UsuarioCrudMB.entity.matricula}" title="Matricula" />
                            <h:outputLabel value="Login:" for="login" />
                            <p:inputText id="login" value="#{UsuarioCrudMB.entity.login}" title="Login" maxlength="15" >
                            </p:inputText>
                            <h:outputLabel value="Email:" for="email" />
                            <p:inputText id="email" value="#{UsuarioCrudMB.entity.email}" title="Email"  >
                            </p:inputText>
                            <h:outputLabel value="TelefoneResidencial:" for="telefoneResidencial" />
                            <p:inputMask id="telefoneResidencial" mask="(99)9999-9999" value="#{UsuarioCrudMB.entity.telefoneResidencial}" title="TelefoneResidencial" />
                            <h:outputLabel value="Celular:" for="celular" />
                            <p:inputMask id="celular" mask="(99)9999-9999" value="#{UsuarioCrudMB.entity.celular}" title="Celular" />
                            <h:outputLabel value="Senha:" for="senha" />
                            <p:password id="senha" value="#{UsuarioCrudMB.entity.senha}" redisplay="true" title="Senha" />
                            <h:outputLabel value="Idioma:" for="idioma" />
                            <p:selectOneMenu id="idioma" value="#{UsuarioCrudMB.entity.idioma}" title="Idioma" >
                                <f:selectItem itemValue="pt_BR" itemLabel="Portugues"/>
                                <f:selectItem itemValue="en_US" itemLabel="English"/>
                                <f:selectItem itemValue="es_ES" itemLabel="Espanhol"/>
                            </p:selectOneMenu>
                            <h:outputLabel value="Status:" for="status" />
                            <p:selectBooleanCheckbox id="status" value="#{UsuarioCrudMB.entity.status}" title="Status" />
                            <h:outputLabel value="Nascimento:" for="nascimento" />
                            <p:calendar id="nascimento" value="#{UsuarioCrudMB.entity.nascimento}" 
                                        title="Nascimento" navigator="true" pattern="dd/MM/yyyy">
                                <f:convertDateTime />
                            </p:calendar>

                            <h:outputLabel value="Sexo:" for="sexo"/>
                            <p:selectOneMenu id="sexo" value="#{UsuarioCrudMB.entity.sexo}">
                                <f:selectItems value="#{UsuarioCrudMB.sexos}"/>
                            </p:selectOneMenu>
                        </h:panelGrid>
                    </p:panel>

                    <p:panel>
                        <h:panelGrid columns="2">
                            <h:outputLabel value="Endereco:" for="endereco" />
                            <p:inputText id="endereco" value="#{UsuarioCrudMB.entity.endereco.endereco}" title="Endereco" />
                            <h:outputLabel value="Número:" for="numero" />
                            <p:inputText id="numero" value="#{UsuarioCrudMB.entity.endereco.numero}" title="Numero" />
                            <h:outputLabel value="Bairro:" for="bairro" />
                            <p:inputText id="bairro" value="#{UsuarioCrudMB.entity.endereco.bairro}" title="Bairro" />
                            <h:outputLabel value="Cidade:" for="cidade" />
                            <p:selectOneMenu id="cidade" value="#{UsuarioCrudMB.entity.endereco.cidade}" converter="CidadeConverter">
                                <f:selectItems value="#{UsuarioCrudMB.cidades}" />
                            </p:selectOneMenu>
                            <h:outputLabel value="Cep:" for="cep" />
                            <p:inputText id="cep" value="#{UsuarioCrudMB.entity.endereco.cep}" title="Cep" />
                            <h:outputLabel value="Complemento:" for="complemento" />
                            <p:inputText id="complemento" value="#{UsuarioCrudMB.entity.endereco.complemento}" title="Complemento" />
                        </h:panelGrid>
                    </p:panel>
                    <p:panel>
                        <h:panelGrid columns="2">
                            <h:outputLabel value="Permissão:" for="permissao" />
                            <p:selectManyCheckbox id="permissao" value="#{UsuarioCrudMB.permissoesUser}" >
                                <f:selectItems value="#{UsuarioCrudMB.permissoes()}" />
                            </p:selectManyCheckbox>
                        </h:panelGrid>
                    </p:panel>

                    <f:facet name="footer">
                        <p:commandButton value="Voltar" onclick="window.location='./index.xhtml'"/>
                        <p:commandButton value="Cadastrar" action="#{UsuarioCrudMB.save()}" />
                    </f:facet>

                </h:panelGrid>
            </div>
        </h:form>
    </h:body>
</html>
